<template>
  <div class="singer">
    <!-- <Recommend ></Recommend>
    <Detail></Detail> -->
    <Detail></Detail>

    <!-- <router-view></router-view> -->
  </div>
</template>

<script>
import Detail from "@/pages/Singer/Detail";
import singerDetail from "@/pages/Singer/singerDetail";

export default {
  name: "Singer",
  components: { Detail, singerDetail },
  data() {
    return {
      num: 1,
    };
  },
};
</script>

<style lang="less" scoped>
.singer {
  margin: 0px auto;
  width: 985px;
  border: 1px solid #eee;
  // margin: 0 auto;
}
</style>